//1.先创建一个div，宽度设置在100%
//2.定时器 定义一个全局变量num，num++，然后把宽度变为num+"%",这样的话就会变成增长的状态
//3.每次都会创建一个新的，加判断，如果存在直接修改数据，如果不存在就直接创建
//4.优化加载到95%以及缓存的圈圈
var num=0//不可以用let let不能重复定义，使用了报错
var over=false
var t=setInterval(function(){

let  nprogress=document.querySelector(".nprogress")
if(num>=95 && !over) return
num++
if(nprogress)
{
    nprogress.style.width=num+"%"
}else{
    let nprogress=document.createElement("div")
    nprogress.className="nprogress"
    nprogress.style.position="fixed"
    nprogress.style.top=0
    nprogress.style.width=num+"%"
    nprogress.style.height="5px"
    nprogress.style.backgroundColor="#29d"
    document.body.appendChild(nprogress)

    var nprogressRadius=document.createElement("div")
    nprogressRadius.className="nprogressRadius"
    document.body.appendChild(nprogressRadius)
}
//如果num>100，滚动条的效果就不再继续以及清除定时器的效果
if(num>100)
{
    document.body.removeChild(nprogress)
    clearInterval(t)
    document.body.removeChild(document.querySelector(".nprogressRadius"))
}
},10) 
window.onload=function(){
    over = true
}


